[WIP] Working on a new custom Theme using Shadcn UI

[Splicho]

Hello,

I've been coding my own portfolio with astro.js and Shadcn UI components. While I was developing my portfolio, I thought like, hey this UI is pretty cool, why I don't try using this on a custom XenForo Theme? So I came up with this. Shadcn is a component library for React, Vue and other Javascript libraries.

Index Page (Logged Out)​

Index Page (Logged In)

Member Page (Still in progress)

Account Dashboard (Still in progress)

​

I think the out come is pretty nice and I am still thinking what will happen when the theme is done, probably selling on Synapse-Themes ?

The amount of time and effort that goes into that particular theme is just too much to release it for free.

What do you guys think?

 

[Samuel]

I think the other custom works were more beautiful, but this one can be special when it is more different from vanilla xenforo system and complex too.

 

[Splicho]

I think the other custom works were more beautiful, but this one can be special when it is more different from vanilla xenforo system and complex too.

SamuelWell. It is meant to be minimalistic and simple as possible, that is how Shadcn UI's library is designed. You also have to keep in mind that this is very early stage WIP, so it might look different to final version.

For example, widgets are still not styled and not added, widgets that u normally see on the side.

 

[ka4p3]

it seems expensive..

 

[Splicho]

it seems expensive..

ka4p3lol

 

[Splicho]

Update - Register page done, login next

Also wrapped the dashboard into account wrapper, maybe it is better like this.
The empty column on the right will be for your latest topics.

 

[Snister2]

Update - Register page done, login next

View attachment 39619

Also wrapped the dashboard into account wrapper, maybe it is better like this.
The empty column on the right will be for your latest topics.

View attachment 39620

Splichohow? remove the page container in login/registration form.

 

[Splicho]

how? remove the page container in login/registration form.

Snister2You can do it with css

 

[Snister2]

You can do it with css

SplichoThanks for the clue 100% i got it

 

[Snister2]

may I know where registration template found?
update: I found the template